﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <title>信息管理系统</title>

    <script src="@Url.Content("~/Scripts/jquery-1.7.2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.21.custom.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/themes/base/jquery-ui-1.8.21.custom.css")" rel="stylesheet" type="text/css" />

    <link href="@Url.Content("~/WebControl/EasyUI/themes/default/easyui.css")"  rel="stylesheet" type="text/css"/>
    <script src="@Url.Content("~/WebControl/EasyUI/jquery.easyui.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/WebControl/EasyUI/locale/easyui-lang-zh_CN.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Scripts/ajaxlib.js")" type="text/javascript"></script>

    <link href="@Url.Content("~/Content/css/PageStyleHeader.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/Layout.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/Control.css")" rel="stylesheet" type="text/css" />
    
        <script type="text/javascript">
            $(function () {
                $('li a').click(function () {
                    var tabTitle = $(this).text();
                    var url = $(this).attr("rel");
                    openTab(tabTitle, url);
                });

                $('#logOut').click(function () {
                    location.href = '/Default/Account/LogOff';
                    return false;
                });

                openTab("起始页", "/SysModule/Home/Start");

            })

            function openTab(tabTitle, url) {
                if (!$('#tabs').tabs('exists', tabTitle)) {
                    $('#tabs').tabs('add', {
                        title: tabTitle,
                        content: createFrame(url),
                        closable: true
                    });
                } else {
                    $('#tabs').tabs('select', tabTitle);
                }
            };

            function createFrame(url) {
                var s = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:99%;overflow-y: auto; "></iframe>';
                return s;
            };
    </script>


    <!--[if IE 6]> 
    <script type="text/javascript"> 
        $(function(){
            $("#ie6").css("display","");
        });
    </script> 
    <![endif]--> 

    <style type="text/css">
        div.logo
        {
	        background: url("/content/images/logo.png") no-repeat scroll 0 0 transparent;
	        cursor: pointer;
	        display: block;
	        float: left;
	        height: 42px;
	        margin: 6px 0 0;
	        width: 200px;
        }

        
        div.top
        {
        	background: url('/SysModule/content/images/panel_title.png') repeat-x scroll 0 0 transparent;
        }

        .easyui-tree li
        {
            margin: 5px 0px 0px 0px;
            padding: 1px;
        }
    </style>
</head>
<body class="easyui-layout">
    <div region="north" split="true" border="false" style="overflow: hidden; height: 76px;
        line-height: 20px; color: #fff; font-family: 微软雅黑,黑体">
        <div class="top pBoxDiv" style="background-color:#0B0;">
            <div id="mainctrl">
               <div style="padding-right: 5px; text-align: right; color: Black">
                    <span>@((Context.User as COM.Service.PermissionUserPrincipal).UserName)</span>
                    <a href="/Default/Account/LogOff" id="logOut">安全退出</a></div>
               </div>
               <div class="logo">
                    <a href="/" title="可编程权限控制示例系统">
                    </a>
               </div>
        </div>
    </div>
    <div region="west" hide="true" split="true" title="导航菜单" style="width: 180px;" id="west">
        <div class="easyui-accordion" fit="true" border="false">
            @Html.Raw(ViewData["Menu"].ToString())
        </div>
    </div>
    <div id="mainPanle" region="center" style="background: #eee; overflow-y: hidden;">
        <div id="tabs" class="easyui-tabs" fit="true" border="false">

        </div>
    </div>
    <div region="south" split="true" style="height: 29px;">
        <div style="padding: 0px; margin-left: 50%;">
            <div id="ie6" style="display:none;background-color:#FAA;">
                请使用更高版本的IE浏览器或FireFox浏览器,<a href="http://www.firefox.com.cn">从火狐中文官方网站下载</a>
            </div>
        </div>
    </div>
</body>
</html>
